技術 [Day 23] 程式碼拆分(Code Splitting)與動態匯入(Dynamic Import) (2)

延續昨天介紹的 Code Splitting，今天要介紹如何使用動態匯入來拆分程式碼，會以 React 的動態匯入來說明。 沒有動態匯入🤯 在介紹動態匯入前，...

技術 [Day 22] 程式碼拆分(Code Splitting)與動態匯入(Dynamic Import) (1)

今明兩天要介紹的是 React 中的程式碼拆分(Code Splitting)與動態匯入(Dynamic Import)，會先從一般的靜態匯入開始介紹，說明靜...

技術 【Day 18】優化頁面效能的另一個方向－lazy & Suspense

前面我們連續看了兩個對避免畫面重新渲染有幫助的hook，今天緊接著再來看另一個也有助於優化效能，並提升使用者體驗的方式。之前看的幾個hooks，主要都是透過避免...